236. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:18 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

236.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo18_en.css2021-04-28 03:14:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo18_en.css2021-06-27 10:07:32 +0000

236.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2586
Changed12
Inserted00
Removed00

236.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

236.4 Active regular expressions

No regular expressions were active.

236.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 03:14:21 */ 3  * 2021-06-27 10:07:31 */
4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed { 4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
5 } 5 }
6 @media (min-width: 768px) { 6 @media (min-width: 768px) {
7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom { 7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
8         width: 57.17%; 8         width: 57.17%;
9     } 9     }
10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper { 10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
11         width: 40.83%; 11         width: 40.83%;
12     } 12     }
13  13 
14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main { 14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
15         width: 42.8775%; 15         width: 42.8775%;
16     } 16     }
17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media { 17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
18         width: 30.6225%; 18         width: 30.6225%;
19     } 19     }
20 } 20 }
21  21 
22 .layout-fullwidth .container, .layout-fullwidth .block.category.event,.layout-fullwidth .footer.content,.layout-fullwidth .header.content,.layout-fullwidth .navigation,.layout-fullwidth .page-main,.layout-fullwidth .page-wrapper>.breadcrumbs >ul,.layout-fullwidth .page-wrapper>.page-bottom,.layout-fullwidth .page-wrapper>.widget,.layout-fullwidth .top-container{ 22 .layout-fullwidth .container, .layout-fullwidth .block.category.event,.layout-fullwidth .footer.content,.layout-fullwidth .header.content,.layout-fullwidth .navigation,.layout-fullwidth .page-main,.layout-fullwidth .page-wrapper>.breadcrumbs >ul,.layout-fullwidth .page-wrapper>.page-bottom,.layout-fullwidth .page-wrapper>.widget,.layout-fullwidth .top-container{
23     padding-left: 4vw; 23     padding-left: 4vw;
24     padding-right: 4vw; 24     padding-right: 4vw;
25 } 25 }
26 @media (max-width: 575px){ 26 @media (max-width: 575px){
27 body { 27 body {
28     font-size: 13px; 28     font-size: 13px;
29     line-height: 21px; 29     line-height: 21px;
30 } 30 }
31 } 31 }
32 p {  32 p { 
33     letter-spacing: 0; 33     letter-spacing: 0;
34 } 34 }
35 h1, h2, h3, h4, h5, h6 { 35 h1, h2, h3, h4, h5, h6 {
36     font-family: Poppins,sans-serif; 36     font-family: Poppins,sans-serif;
37     color: #222529; 37     color: #222529;
38     letter-spacing: normal; 38     letter-spacing: normal;
39 } 39 }
40 h1 {  40 h1 { 
41     font-weight: 700; 41     font-weight: 700;
42     font-size: 36px; 42     font-size: 36px;
43     line-height: 44px; 43     line-height: 44px;
44     margin: 0 0 32px 0; 44     margin: 0 0 32px 0;
45 } 45 }
46 h2 {  46 h2 { 
47     font-weight: 700; 47     font-weight: 700;
48     font-size: 30px; 48     font-size: 30px;
49     line-height: 40px; 49     line-height: 40px;
50     margin: 0 0 32px 0; 50     margin: 0 0 32px 0;
51 } 51 }
52 h3 {  52 h3 { 
53     font-weight: 700; 53     font-weight: 700;
54     font-size: 25px; 54     font-size: 25px;
55     line-height: 32px; 55     line-height: 32px;
56     margin: 0 0 20px 0; 56     margin: 0 0 20px 0;
57 } 57 }
58 h4 {  58 h4 { 
59     font-weight: 700; 59     font-weight: 700;
60     font-size: 20px; 60     font-size: 20px;
61     line-height: 27px; 61     line-height: 27px;
62     margin: 0 0 14px 0; 62     margin: 0 0 14px 0;
63 } 63 }
64 h5 {  64 h5 { 
65     font-weight: 700; 65     font-weight: 700;
66     font-size: 14px; 66     font-size: 14px;
67     line-height: 18px; 67     line-height: 18px;
68     margin: 0 0 14px 0; 68     margin: 0 0 14px 0;
69 } 69 }
70 h6 {  70 h6 { 
71     font-weight: 600; 71     font-weight: 600;
72     font-size: 13px; 72     font-size: 13px;
73     line-height: 18px;  73     line-height: 18px; 
74     margin: 0 0 14px 0; 74     margin: 0 0 14px 0;
75 } 75 }
76 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 76 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
77     font-family: 'Segoe Script','Savoye LET'; 77     font-family: 'Segoe Script','Savoye LET';
78 } 78 }
79 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 79 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
80     color: #d26e4b; 80     color: #d26e4b;
81 } 81 }
82 html .btn-modern { 82 html .btn-modern {
83     text-transform: uppercase; 83     text-transform: uppercase;
84     font-size: .75rem; 84     font-size: .75rem;
85     padding: .75rem 1.5rem; 85     padding: .75rem 1.5rem;
86     font-weight: 600; 86     font-weight: 600;
87     height: auto; 87     height: auto;
88 } 88 }
89 html .action.primary, html .btn { 89 html .action.primary, html .btn {
90     font-family: Poppins; 90     font-family: Poppins;
91     letter-spacing: .01em; 91     letter-spacing: .01em;
92     font-weight: 700; 92     font-weight: 700;
93     line-height: 1.42857; 93     line-height: 1.42857;
94     padding: .8em 2em;  94     padding: .8em 2em; 
95 } 95 }
96 html .btn-modern { 96 html .btn-modern {
97     font-size: .8125rem; 97     font-size: .8125rem;
98     padding: 1em 2.8em; 98     padding: 1em 2.8em;
99 } 99 }
100 html .action.primary { 100 html .action.primary {
101     color: #fff; 101     color: #fff;
102     background-color: #222529; 102     background-color: #222529;
103     border-color: #222529 #222529 #0b0c0e; 103     border-color: #222529 #222529 #0b0c0e;
104 } 104 }
105 html .btn-xl { 105 html .btn-xl {
106     font-size: 1rem; 106     font-size: 1rem;
107     padding: .8rem 2rem; 107     padding: .8rem 2rem;
108 } 108 }
109 .btn-modern.btn-xl { 109 .btn-modern.btn-xl {
110     font-size: 1rem; 110     font-size: 1rem;
111     padding: 1.25em 3.125em; 111     padding: 1.25em 3.125em;
112  112 
113 .btn-flat { 113 .btn-flat {
114     padding: 0!important; 114     padding: 0!important;
115     background: none!important; 115     background: none!important;
116     border: none!important; 116     border: none!important;
117     border-bottom: 1px solid transparent!important; 117     border-bottom: 1px solid transparent!important;
118     box-shadow: none!important; 118     box-shadow: none!important;
119     text-transform: uppercase; 119     text-transform: uppercase;
120     font-size: .75rem; 120     font-size: .75rem;
121  121 
122 html .btn-dark { 122 html .btn-dark {
123     color: #fff; 123     color: #fff;
124     background-color: #222529; 124     background-color: #222529;
125     border-color: #222529 #222529 #0b0c0e; 125     border-color: #222529 #222529 #0b0c0e;
126  126 
127 html .btn-light { 127 html .btn-light {
128     color: #222529; 128     color: #222529;
129     background-color: #fff; 129     background-color: #fff;
130     border-color: #fff #fff #e6e6e6; 130     border-color: #fff #fff #e6e6e6;
131 } 131 }
132 html .btn-quaternary { 132 html .btn-quaternary {
133     color: #fff; 133     color: #fff;
134     background-color: #000; 134     background-color: #000;
135     border-color: #000 #000 #000; 135     border-color: #000 #000 #000;
136 } 136 }
137 html .background-color-secondary { 137 html .background-color-secondary {
138     background-color: #f4a085 !important; 138     background-color: #f4a085 !important;
139 } 139 }
140 .page-header.type4 .header-main .header-center .logo { 140 .page-header.type4 .header-main .header-center .logo {
141     padding-top: 0; 141     padding-top: 0;
142     padding-bottom: 0; 142     padding-bottom: 0;
143 } 143 }
144 .page-header.type4 .header-main .header-center {  144 .page-header.type4 .header-main .header-center { 
145     order: 1; 145     order: 1;
146     padding-top: 30px; 146     padding-top: 30px;
147     padding-bottom: 30px; 147     padding-bottom: 30px;
148     justify-content: flex-start; 148     justify-content: flex-start;
149     flex: 1; 149     flex: 1;
150     padding-left: 0; 150     padding-left: 0;
151     padding-right: 0; 151     padding-right: 0;
152 } 152 }
153 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right {  153 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right { 
154     order: 2; 154     order: 2;
155     padding-top: 30px; 155     padding-top: 30px;
156     padding-bottom: 30px; 156     padding-bottom: 30px;
157 } 157 }
158 .page-header.type4 .header-main .header-left { 158 .page-header.type4 .header-main .header-left {
159     flex: inherit; 159     flex: inherit;
160 } 160 }
161 @media (min-width: 992px) { 161 @media (min-width: 992px) {
162 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top  162 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top 
163     padding: 13px 13px 13px 13px; 163     padding: 13px 13px 13px 13px;
164 } 164 }
165 } 165 }
166 @media (min-width: 992px) and (max-width: 1219px) { 166 @media (min-width: 992px) and (max-width: 1219px) {
167 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top  167 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top 
168     padding: 10px 7px 10px 7px; 168     padding: 10px 7px 10px 7px;
169 } 169 }
170 } 170 }
171 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 171 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
172     display: none; 172     display: none;
173 } 173 }
174 .top-icon .porto-sicon-header { 174 .top-icon .porto-sicon-header {
175     margin-bottom: 1rem; 175     margin-bottom: 1rem;
176 } 176 }
177 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;} 177 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
178 .widget .widgettitle { 178 .widget .widgettitle {
179     font-size: 1rem; 179     font-size: 1rem;
180     letter-spacing: -.02em; 180     letter-spacing: -.02em;
181 }   181 }  
182 html .background-color-secondary { 182 html .background-color-secondary {
183     background-color: #ff7272!important; 183     background-color: #ff7272!important;
184 } 184 }
185 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 185 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
186     display: none; 186     display: none;
187 } 187 }
188  188 
189 .page-wrapper > .breadcrumbs {  189 .page-wrapper > .breadcrumbs { 
190     border-bottom: 1px solid #dfdfdf; 190     border-bottom: 1px solid #dfdfdf;
191     margin-bottom: 30px; 191     margin-bottom: 30px;
192 } 192 }
193 .page-wrapper > .breadcrumbs .items {   193 .page-wrapper > .breadcrumbs .items {  
194     font-size: .75rem; 194     font-size: .75rem;
195     font-weight: 400; 195     font-weight: 400;
196     letter-spacing: 0; 196     letter-spacing: 0;
197 } 197 }
198 .page-wrapper > .breadcrumbs .items>li.home a {  198 .page-wrapper > .breadcrumbs .items>li.home a { 
199     width: auto;  199     width: auto; 
200     text-indent: 0; 200     text-indent: 0;
201 } 201 }
202 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;} 202 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;}
203 .infinite-loader .btn-load-more,.infinite-loader .loading { 203 .infinite-loader .btn-load-more,.infinite-loader .loading {
204     margin: 12px 40px; 204     margin: 12px 40px;
205     border: 1px solid #000; 205     border: 1px solid #000;
206     width: auto; 206     width: auto;
207     display: inline-block; 207     display: inline-block;
208     letter-spacing: .075em; 208     letter-spacing: .075em;
209     color: #000; 209     color: #000;
210     padding: 18px 55px; 210     padding: 18px 55px;
211     background: none; 211     background: none;
212     font-size: 12px; 212     font-size: 12px;
213     line-height: 1.3333; 213     line-height: 1.3333;
214     font-weight: 700; 214     font-weight: 700;
215 } 215 }
216 .top-icon .porto-sicon-header { 216 .top-icon .porto-sicon-header {
217     margin-bottom: 1rem; 217     margin-bottom: 1rem;
218 }   218 }  
219 .footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 { 219 .footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
220     color:#fff; 220     color:#fff;
221 } 221 }
222 .text-xl { 222 .text-xl {
223     font-size: 1.375rem!important; 223     font-size: 1.375rem!important;
224 } 224 }
225 .footer, .footer p {  225 .footer, .footer p { 
226     line-height: 24px; 226     line-height: 24px;
227     letter-spacing: 0; 227     letter-spacing: 0;
228 } 228 }
229 .footer .footer-top p { 229 .footer .footer-top p {
230     font-size: .8125rem; 230     font-size: .8125rem;
231     margin: 0; 231     margin: 0;
232 } 232 }
233 .footer .widgettitle, .footer .widget-title {  233 .footer .widgettitle, .footer .widget-title { 
234     font-size: 1rem; 234     font-size: 1rem;
235     margin-bottom: 1.25rem; 235     margin-bottom: 1.25rem;
236     text-transform: none;  236     text-transform: none; 
237     font-weight: 600; 237     font-weight: 600;
238 } 238 }
239 .footer-top .custom-block:before { 239 .footer-top .custom-block:before {
240     margin-bottom: 2rem; 240     margin-bottom: 2rem;
241     border: none; 241     border: none;
242 } 242 }
243 .footer-top .custom-block:after { 243 .footer-top .custom-block:after {
244     margin-top: 2rem; 244     margin-top: 2rem;
245 } 245 }
246 .footer-top .custom-block:before, .footer-top .custom-block::after {  246 .footer-top .custom-block:before, .footer-top .custom-block::after { 
247     border-color:#222; 247     border-color:#222;
248 } 248 }
249 .footer .newsletter .action.subscribe {  249 .footer .newsletter .action.subscribe { 
250     font-size: 12px; 250     font-size: 12px;
251     border-radius: 0; 251     border-radius: 0;
252     border: none; 252     border: none;
253     font-weight: 700; 253     font-weight: 700;
254     padding: 0 2.5em; 254     padding: 0 2.5em;
255     text-transform: uppercase; 255     text-transform: uppercase;
256     letter-spacing: .2em; 256     letter-spacing: .2em;
257 } 257 }
258 .footer .newsletter input {  258 .footer .newsletter input { 
259     padding-right: 1.5rem; 259     padding-right: 1.5rem;
260     border-radius: 0; 260     border-radius: 0;
261     font-size: 12px; 261     font-size: 12px;
262     color: #777; 262     color: #777;
263     border: none; 263     border: none;
264     background: #fff; 264     background: #fff;
265     padding-left: 1.5rem; 265     padding-left: 1.5rem;
266     min-width: 23vw; 266     min-width: 23vw;
267 } 267 }
268 .footer .follow-us .share-links a { 268 .footer .follow-us .share-links a {
269     border-radius: 20px; 269     border-radius: 20px;
270     border: none; 270     border: none;
271     box-shadow: none; 271     box-shadow: none;
272     font-size: 1.125rem; 272     font-size: 1.125rem;
273     width: 2.5rem; 273     width: 2.5rem;
274     height: 2.5rem; 274     height: 2.5rem;
275 } 275 }
276 .footer .follow-us .share-links a:not(:hover) {  276 .footer .follow-us .share-links a:not(:hover) { 
277     color: #525252; 277     color: #525252;
278     background-color: #fff; 278     background-color: #fff;
279 } 279 }
280 .footer-middle > .container {  280 .footer-middle > .container { 
281     padding-top: 70px; 281     padding-top: 70px;
282     padding-bottom: 0; 282     padding-bottom: 0;
283 } 283 }
284 .footer-middle > .container::after {  284 .footer-middle > .container::after { 
285     border-color: #222; 285     border-color: #222;
286 } 286 }
287 @media (min-width: 992px) { 287 @media (min-width: 992px) {
288 .footer-middle .col-lg-3:last-child { 288 .footer-middle .col-lg-3:last-child {
289     text-align: right; 289     text-align: right;
290 } 290 }
291 } 291 }
292 .footer-bottom address {  292 .footer-bottom address { 
293     text-align: center;  293     text-align: center; 
294 } 294 }